<template>
  <!-- 我的合同 -->
  <div class="subject">
    <header>
      <div class="return" @click="returns">
        <i class="iconfont icon-zuojiantou"></i>
      </div>
      <div class="title">我的合同</div>
    </header>
    <main>
      <van-cell
        title="保障房源"
        is-link
        style="border-top-left-radius: 5px; border-top-right-radius: 5px"
      />
      <van-cell title="在线签约" is-link />
    </main>
  </div>
</template>

<script>
export default {
  data(){
    return{}
  },
     methods:{
  //跳转
     returns(){
         this.$router.push('/my')
     }
  }
};
</script>

<style lang="less" scoped>
.subject {
  height: 1334px;

  header {
    width: 100%;
    height: 88px;
    background-color: #ff5654;
    display: flex;
    .return {
      margin-left: 20px;
      i {
        color: #fff;
        font-size: 34px;
        line-height: 88px;
      }
    }
    .title {
      padding: 0 250px;
      color: #fff;
      font-size: 36px;
      line-height: 88px;
    }
  }
  main {
    padding: 20px 20px 0 20px;
    .van-icon-arrow {
      color: red;
    }
    .van-cell--clickable {
      border: 1px solid #f3f3f3;
    
    }
  }
}
</style>
